import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'
import './App.css'
import Home from './pages/Home'
import About from './pages/About'
import ProjectPage from './pages/ProjectPage'
import UserPage from './pages/UserPage'

function App() {

  return (
    <>
      <h1>My App</h1>
      <Router>
        <Link to="/">Home</Link> | <Link to="/projects">Projects</Link> | <Link to="/users">Users</Link> | <Link to="/about">About</Link>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/projects" element={<ProjectPage />} />
          <Route path="/users" element={<UserPage />} />
          <Route path="/about" element={<About />} />
        </Routes>
      </Router>
    </>
  )
}

export default App

